// import { init, classModule, propsModule, styleModule, eventListenersModule } from "snabbdom";
import h from "./mysnaboddom/h";//用自己写的h函数
import patch from "./mysnaboddom/patch";//用自己写的h函数
// 创建patch函数
// const patch = init([classModule, propsModule, styleModule, eventListenersModule])

// 上树 
const myVnode1 = h('ul', {}, [
  h('li', {}, '牛奶'),
  h('li', {}, '咖啡'),
  h('li', {}, [h('div', {}, [h('p', {}, '可口可乐'), h('p', {}, '百事可乐')])]),
  h('li', {}, h('p', {}, '雪碧'))
])
const myVnode2 = h('ul', {}, [
  h('li', {}, '牛奶2'),
  h('li', {}, '咖啡3'),
  h('li', {}, [h('div', {}, [h('p', {}, '可口可乐'), h('p', {}, '百事可乐')])]),
  h('li', {}, h('p', {}, '雪碧'))
])
const container = document.getElementById("container");
patch(container, myVnode1)
btn.onclick = function () {
  console.log("你点击我了")
  patch(myVnode1, myVnode2)
}